document.addEventListener('DOMContentLoaded', function() {
    // 从URL获取参数并更新页面内容
    function getUrlParameter(name) {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
    }

    // 案例数据映射
    const caseData = {
        'data-eraser-2021': {
            title: '2021年xx档案局数据擦除',
            description: `<p>2021年，我们为xx档案局提供了专业的数据擦除服务，成功完成了1200片机械硬盘的数据擦除工作，仅用时3天。</p>
                          <p>项目背景：该档案局需要对一批即将淘汰的服务器硬盘进行数据擦除，以确保档案数据的安全，防止信息泄露。</p>
                          <p>我们的解决方案：采用专业的数据擦除设备和软件，按照行业标准进行多轮数据覆盖，确保数据无法被恢复。同时，我们提供了详细的擦除报告，记录每块硬盘的擦除过程和结果。</p>
                          <p>项目成果：所有硬盘均通过了数据擦除验证，客户对我们的服务质量和效率给予了高度评价，并建立了长期合作关系。`,
            image: 'static/images/case1-detail.jpg'
        },
        'laptop-2022': {
            title: '2022年客户笔记本电脑擦除',
            description: `<p>2022年，我们为某大型企业提供了600台笔记本电脑的数据擦除服务，用时4天完成全部工作。</p>
                          <p>项目背景：该企业进行设备更新换代，需要对大量旧笔记本电脑中的数据进行安全擦除，以保护企业和客户的敏感信息。</p>
                          <p>我们的解决方案：针对不同型号的笔记本电脑，制定了个性化的数据擦除方案，确保每台设备的数据都能被彻底清除。同时，我们还对设备进行了简单的清洁和维护，为客户提供了增值服务。</p>
                          <p>项目成果：所有笔记本电脑的数据均被成功擦除，企业得以安全地处理这些旧设备，避免了潜在的数据泄露风险。`,
            image: 'static/images/case2-detail.jpg'
        },
        'mobile-2022': {
            title: '2022年客户平板、手机擦除',
            description: `<p>2022年，我们为某金融机构提供了1800台平板和手机的数据擦除服务，仅用15天完成全部工作。</p>
                          <p>项目背景：该金融机构需要对一批员工使用过的移动设备进行数据擦除，这些设备中包含大量客户和交易信息，数据安全至关重要。</p>
                          <p>我们的解决方案：采用专业的移动设备数据擦除工具，支持多种操作系统和设备型号，确保数据被彻底清除。对于部分无法正常开机的设备，我们还提供了物理销毁服务。</p>
                          <p>项目成果：所有设备的数据均被成功擦除，客户对我们的专业服务表示满意，并将我们列为指定的数据安全服务提供商。`,
            image: 'static/images/case3-detail.jpg'
        },
        'server-2023': {
            title: '2023年客户机房服务器擦除',
            description: `<p>2023年，我们为某互联网公司提供了30台服务器的数据擦除服务，用时1天完成全部工作。</p>
                          <p>项目背景：该公司对数据中心进行升级改造，需要对旧服务器中的数据进行安全擦除，以保护用户数据和公司机密信息。</p>
                          <p>我们的解决方案：在客户数据中心现场进行操作，采用专业的服务器数据擦除工具，确保数据被彻底清除。同时，我们还提供了7x24小时的技术支持，确保项目顺利进行。</p>
                          <p>项目成果：所有服务器的数据均被成功擦除，客户可以安全地处理这些旧设备，为新设备的部署腾出空间。`,
            image: 'static/images/case4-detail.jpg'
        },
        // 添加更多案例数据...
        'data-eraser-2023': {
            title: '2023年xx医院数据擦除',
            description: `<p>2023年，我们为xx医院提供了专业的数据擦除服务，成功完成了800块硬盘的数据擦除工作，用时5天。</p>
                          <p>项目背景：该医院需要对一批即将淘汰的医疗设备中的数据进行擦除，以确保患者隐私和医疗数据的安全。</p>
                          <p>我们的解决方案：采用符合医疗行业标准的数据擦除方法，确保所有患者数据和医疗记录被彻底清除。同时，我们提供了详细的合规报告，帮助医院满足数据保护法规要求。</p>
                          <p>项目成果：所有设备的数据均通过了数据擦除验证，医院成功避免了潜在的数据泄露风险，确保了患者隐私的保护。`,
            image: 'static/images/case5-detail.jpg'
        },
        'asset-reuse-2023': {
            title: '2023年企业资产再利用项目',
            description: `<p>2023年，我们为某制造企业提供了资产再利用服务，对500台旧电脑进行了数据擦除和翻新处理。</p>
                          <p>项目背景：该企业希望通过资产再利用的方式，降低IT设备采购成本，同时减少电子垃圾的产生。</p>
                          <p>我们的解决方案：首先对所有设备进行全面的数据擦除，确保企业数据安全；然后对设备进行清洁、维修和升级，使其达到可用标准；最后提供了详细的资产报告，帮助企业进行资产管理。</p>
                          <p>项目成果：通过资产再利用，企业节省了30%的IT设备采购成本，同时减少了电子垃圾的产生，实现了经济效益和环境效益的双赢。`,
            image: 'static/images/case6-detail.jpg'
        },
        'data-security-2022': {
            title: '2022年金融机构数据安全项目',
            description: `<p>2022年，我们为某金融机构提供了全面的数据安全服务，包括数据擦除、安全评估和培训等内容。</p>
                          <p>项目背景：该金融机构需要提升整体数据安全水平，符合行业监管要求，保护客户和企业数据安全。</p>
                          <p>我们的解决方案：为客户提供了定制化的数据安全解决方案，包括对所有终端设备和服务器的数据擦除、网络安全评估、数据安全政策制定和员工培训等内容。</p>
                          <p>项目成果：通过我们的服务，该金融机构的数据安全水平得到了显著提升，顺利通过了行业监管部门的检查，客户满意度达到了98%。`,
            image: 'static/images/case7-detail.jpg'
        },
        'large-scale-2021': {
            title: '2021年大型数据中心迁移项目',
            description: `<p>2021年，我们为某电信运营商提供了大型数据中心迁移过程中的数据安全服务，涉及设备超过1000台。</p>
                          <p>项目背景：该运营商进行数据中心整合，需要对大量旧设备中的数据进行安全处理，确保数据迁移过程中的安全。</p>
                          <p>我们的解决方案：制定了详细的数据安全计划，包括数据备份、迁移和擦除等环节，投入了专业的技术团队和设备，确保项目安全、高效地完成。</p>
                          <p>项目成果：数据中心迁移项目顺利完成，没有发生任何数据泄露事件，客户对我们的专业服务给予了高度评价，并建立了长期合作关系。`,
            image: 'static/images/case8-detail.jpg'
        }
    };

    // 更新banner标题和案例内容
    const caseId = getUrlParameter('id');
    const bannerTitle = document.getElementById('dynamic-title');
    const caseTitleElement = document.getElementById('case-title');
    const caseDescriptionElement = document.getElementById('case-description');
    const caseImageElement = document.getElementById('case-image');

    if (caseId && caseData[caseId]) {
        const caseInfo = caseData[caseId];
        
        // 更新Banner标题
        if (bannerTitle) {
            bannerTitle.textContent = caseInfo.title;
        }
        
        // 更新案例标题
        if (caseTitleElement) {
            caseTitleElement.textContent = caseInfo.title;
        }
        
        // 更新案例描述
        if (caseDescriptionElement) {
            caseDescriptionElement.innerHTML = caseInfo.description;
        }
        
        // 更新案例图片
        if (caseImageElement) {
            caseImageElement.src = caseInfo.image;
            caseImageElement.alt = caseInfo.title;
        }
    }

    // 处理导航栏滚动效果
    window.addEventListener('scroll', function() {
        const navbar = document.querySelector('.navbar');
        if (window.scrollY > 50) {
            navbar.classList.add('bg-white', 'shadow-md');
            navbar.classList.remove('bg-transparent');
        } else {
            navbar.classList.add('bg-white');
            navbar.classList.remove('shadow-md', 'bg-transparent');
        }
    });

    // 处理关于我们的弹窗交互
    const aboutUsBtn = document.getElementById('aboutUsContainer');
    const aboutUsDropdown = document.getElementById('aboutUsDropdown');

    // 确保弹窗在移动端可以正常显示
    const isMobile = window.innerWidth <= 768;
    if (isMobile) {
        aboutUsBtn.addEventListener('click', function(e) {
            // 只有在点击'关于我们'文本时才触发下拉菜单，避免影响链接跳转
            if (e.target === aboutUsBtn || e.target === aboutUsBtn.querySelector('.nav-link')) {
                e.preventDefault();
                aboutUsDropdown.classList.toggle('show');
            }
        });
    }
    
    // 监听关于我们下拉菜单中的点击事件
    document.querySelectorAll('#aboutUsDropdown .dropdown-item').forEach(item => {
        item.addEventListener('click', function(e) {
            if (this.textContent.includes('合作伙伴')) {
                e.preventDefault();
                // 延迟执行以确保导航菜单先关闭
                setTimeout(() => {
                    replaceCaseDetailImages();
                }, 100);
                // 在非移动设备上，我们可以手动隐藏下拉菜单
                if (!isMobile) {
                    aboutUsDropdown.classList.remove('show');
                }
            }
        });
    });

    // 替换案例详情页面的图片为合作伙伴系列图片
    function replaceCaseDetailImages() {
        const caseImage = document.getElementById('case-image');
        if (caseImage) {
            // 根据当前显示的案例，选择合适的合作伙伴图片
            let partnerImageIndex = 1;
            if (caseId) {
                // 基于案例ID选择不同的合作伙伴图片
                const caseKeys = Object.keys(caseData);
                const caseIndex = caseKeys.indexOf(caseId);
                partnerImageIndex = (caseIndex % 8) + 1; // 使用1-8的循环
            }
            caseImage.src = `static/images/partner${partnerImageIndex}.png`;
            caseImage.alt = '合作伙伴图片';
        }
    }

    // 检查URL参数，如果包含type=partners则替换图片
    const urlParams = new URLSearchParams(window.location.search);
    if (urlParams.get('type') === 'partners') {
        // 延迟执行以确保页面内容已加载
        setTimeout(() => {
            replaceCaseDetailImages();
        }, 100);
    }

    // 移动端导航菜单关闭处理
    document.querySelectorAll('.nav-link, .dropdown-item').forEach(link => {
        link.addEventListener('click', function() {
            const navbarCollapse = document.getElementById('navbarNav');
            if (navbarCollapse && navbarCollapse.classList.contains('show')) {
                const navbarToggler = document.querySelector('.navbar-toggler');
                if (navbarToggler) {
                    navbarToggler.click();
                }
            }
        });
    });

    // 服务流程动画效果
    const processSteps = document.querySelectorAll('.process-step');
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.style.opacity = '1';
                entry.target.style.transform = 'translateY(0)';
                observer.unobserve(entry.target);
            }
        });
    }, {
        threshold: 0.1
    });

    processSteps.forEach(step => {
        step.style.opacity = '0';
        step.style.transform = 'translateY(20px)';
        step.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
        observer.observe(step);
    });

    // 平滑滚动效果
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            const targetId = this.getAttribute('href');
            if (targetId === '#') return;
            
            const targetElement = document.querySelector(targetId);
            if (targetElement) {
                window.scrollTo({
                    top: targetElement.offsetTop - 80, // 导航栏高度偏移
                    behavior: 'smooth'
                });
            }
        });
    });

    // 案例图片点击交互效果增强
    if (caseImageElement) {
        caseImageElement.addEventListener('mouseenter', function() {
            this.style.transform = 'scale(1.02)';
            this.style.boxShadow = '0 8px 24px rgba(0, 0, 0, 0.15)';
        });
        
        caseImageElement.addEventListener('mouseleave', function() {
            this.style.transform = 'scale(1)';
            this.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.1)';
        });
    }

    // 返回顶部按钮功能
    const backToTopButton = document.createElement('button');
    backToTopButton.textContent = '↑';
    backToTopButton.style.cssText = `
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #1e68cc;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease, background-color 0.3s ease;
        z-index: 999;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    `;
    document.body.appendChild(backToTopButton);

    window.addEventListener('scroll', function() {
        if (window.scrollY > 300) {
            backToTopButton.style.opacity = '1';
        } else {
            backToTopButton.style.opacity = '0';
        }
    });

    backToTopButton.addEventListener('click', function() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });

    backToTopButton.addEventListener('mouseenter', function() {
        this.style.backgroundColor = '#1652a3';
    });

    backToTopButton.addEventListener('mouseleave', function() {
        this.style.backgroundColor = '#1e68cc';
    });
});